<%@ page language="java" contentType="text/html; charset=UTF-8" import="java.util.*"
    pageEncoding="UTF-8"%>
    <%String path=request.getContextPath(); %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">

    <title>在线宠物店</title>

 	<jsp:include page="../import.jsp"/>
  
</head>

<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:auto;"><!-- style="overflow:hidden" -->
	<input id="job_numberInput" type="hidden" name="student_nameInput" value="秋月"> 
    
        <!--左侧导航开始-->
         <jsp:include page="UserHead.jsp"></jsp:include>
        <!--右侧部分开始-->
        <div id="page-wrapper" class="gray-bg dashbard-1">
            <div class="row border-bottom">
                 <!-- 顶部导航 -->
                   <jsp:include page="UserTopHead.jsp"></jsp:include>
            </div>
            
          
            <div class="row J_mainContent" id="content-main">
            <!-- 添加 首页的相关操作 -->
            <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-4">
                 
                <div class="ibox">
                    <div class="ibox-title">
                        <h5><font face="华文行楷" size="5">磨牙洁齿零食</font></h5>
                    </div>
                    <div class="ibox-content">
                        <div class="team-members">
                            <a href="#"><img alt="member" src="<%=path%>/pic/24.jpg" height="100px" height="100px">
                            </a>
                           
                        </div>
                        <div style="margin-bottom: 10px;padding: 5px;">
                            <span>价格：</span><span style="color:red;"> $89.00 </span>
                            <a href="<%=path %>/shoppingPage/cost"><button style="float: right;" class="buyBtn">点击购买</button></a>
                        </div>
                       
                        
                        <div>
                            <span>库存比例：</span>
                            <div class="stat-percent">32%</div>
                            <div class="progress progress-mini">
                                <div style="width: 32%;" class="progress-bar"></div>
                            </div>
                        </div>
                        <div class="row  m-t-sm">
                            <div class="col-sm-4">
                                <div class="font-bold">数量</div>
                                24
                            </div>
                            <div class="col-sm-4">
                                <div class="font-bold">保质期</div>
                                3个月
                            </div>
                            <div class="col-sm-4 text-right">
                                <div class="font-bold">已购人数</div>
                                190,325 <i class="fa fa-level-up text-navy"></i>
                            </div>
                        </div>

                    </div>
                </div>
                
                
                <div class="ibox">
                    <div class="ibox-title">
                        <h5><font face="华文行楷" size="5">喷香牛肉棒</font></h5>
                    </div>
                    <div class="ibox-content">
                        <div class="team-members">
                            <a href="#"><img alt="member" src="<%=path%>/pic/25.jpg" height="100px" height="100px">
                            </a>
                           
                        </div>
                        <div style="margin-bottom: 10px;padding: 5px;">
                            <span>价格：</span><span style="color:red;"> $89.00 </span>
                            <a href="<%=path %>/shoppingPage/cost"><button style="float: right;" class="buyBtn">点击购买</button></a>
                        </div>
                        <div>
                            <span>库存比例：</span>
                            <div class="stat-percent">23%</div>
                            <div class="progress progress-mini">
                                <div style="width: 23%;" class="progress-bar"></div>
                            </div>
                        </div>
                        <div class="row  m-t-sm">
                            <div class="col-sm-4">
                                <div class="font-bold">数量</div>
                                243
                            </div>
                            <div class="col-sm-4">
                                <div class="font-bold">保质期</div>
                                3个月
                            </div>
                            <div class="col-sm-4 text-right">
                                <div class="font-bold">已购人数</div>
                                100,325 <i class="fa fa-level-up text-navy"></i>
                            </div>
                        </div>

                    </div>
                </div>
                
                <div class="ibox">
                    <div class="ibox-title">
                        <h5><font face="华文行楷" size="5">牛肉好搭档</font></h5>
                    </div>
                    <div class="ibox-content">
                        <div class="team-members">
                            <a href="#"><img alt="member" src="<%=path%>/pic/26.jpg" height="100px" height="100px">
                            </a>
                           
                        </div>
                       <div style="margin-bottom: 10px;padding: 5px;">
                            <span>价格：</span><span style="color:red;"> $89.00 </span>
                            <a href="<%=path %>/shoppingPage/cost"><button style="float: right;" class="buyBtn">点击购买</button></a>
                        </div>
                        <div>
                            <span>库存比例：</span>
                            <div class="stat-percent">44%</div>
                            <div class="progress progress-mini">
                                <div style="width: 44%;" class="progress-bar"></div>
                            </div>
                        </div>
                        <div class="row  m-t-sm">
                            <div class="col-sm-4">
                                <div class="font-bold">数量</div>
                                412
                            </div>
                            <div class="col-sm-4">
                                <div class="font-bold">保质期</div>
                                3个月
                            </div>
                            <div class="col-sm-4 text-right">
                                <div class="font-bold">已购人数</div>
                                50,325 <i class="fa fa-level-up text-navy"></i>
                            </div>
                        </div>

                    </div>
                </div>
                
            </div>
            
             <div class="col-sm-4">
                 
                <div class="ibox">
                    <div class="ibox-title">
                        <h5><font face="华文行楷" size="5">奶香小馒头</font></h5>
                    </div>
                    <div class="ibox-content">
                        <div class="team-members">
                            <a href="#"><img alt="member" src="<%=path%>/pic/27.jpg" height="100px" height="100px">
                            </a>
                           
                        </div>
                        <div style="margin-bottom: 10px;padding: 5px;">
                            <span>价格：</span><span style="color:red;"> $89.00 </span>
                            <a href="<%=path %>/shoppingPage/cost"><button style="float: right;" class="buyBtn">点击购买</button></a>
                        </div>
                        <div>
                            <span>库存比例：</span>
                            <div class="stat-percent">13%</div>
                            <div class="progress progress-mini">
                                <div style="width: 13%;" class="progress-bar"></div>
                            </div>
                        </div>
                        <div class="row  m-t-sm">
                            <div class="col-sm-4">
                                <div class="font-bold">数量</div>
                               224
                            </div>
                            <div class="col-sm-4">
                                <div class="font-bold">保质期</div>
                                4个月
                            </div>
                            <div class="col-sm-4 text-right">
                                <div class="font-bold">已购人数</div>
                                130,325 <i class="fa fa-level-up text-navy"></i>
                            </div>
                        </div>

                    </div>
                </div>
                
                <div class="ibox">
                    <div class="ibox-title">
                        <h5><font face="华文行楷" size="5">狗狗火腿</font></h5>
                    </div>
                    <div class="ibox-content">
                        <div class="team-members">
                            <a href="#"><img alt="member" src="<%=path%>/pic/28.jpg" height="100px" height="100px">
                            </a>
                           
                        </div>
                        <div style="margin-bottom: 10px;padding: 5px;">
                            <span>价格：</span><span style="color:red;"> $89.00 </span>
                            <a href="<%=path %>/shoppingPage/cost"><button style="float: right;" class="buyBtn">点击购买</button></a>
                        </div>
                        <div>
                            <span>库存比例：</span>
                            <div class="stat-percent">78%</div>
                            <div class="progress progress-mini">
                                <div style="width: 78%;" class="progress-bar"></div>
                            </div>
                        </div>
                        <div class="row  m-t-sm">
                            <div class="col-sm-4">
                                <div class="font-bold">数量</div>
                              56
                            </div>
                            <div class="col-sm-4">
                                <div class="font-bold">保质期</div>
                                7个月
                            </div>
                            <div class="col-sm-4 text-right">
                                <div class="font-bold">已购人数</div>
                                120,963 <i class="fa fa-level-up text-navy"></i>
                            </div>
                        </div>

                    </div>
                </div>
                
                <div class="ibox">
                    <div class="ibox-title">
                        <h5><font face="华文行楷" size="5">宝路薯片</font></h5>
                    </div>
                    <div class="ibox-content">
                        <div class="team-members">
                            <a href="#"><img alt="member" src="<%=path%>/pic/29.jpg" height="100px" height="100px">
                            </a>
                           
                        </div>
                        <div style="margin-bottom: 10px;padding: 5px;">
                            <span>价格：</span><span style="color:red;"> $89.00 </span>
                            <a href="<%=path %>/shoppingPage/cost"><button style="float: right;" class="buyBtn">点击购买</button></a>
                        </div>
                        <div>
                            <span>库存比例：</span>
                            <div class="stat-percent">66%</div>
                            <div class="progress progress-mini">
                                <div style="width: 66%;" class="progress-bar"></div>
                            </div>
                        </div>
                        <div class="row  m-t-sm">
                            <div class="col-sm-4">
                                <div class="font-bold">数量</div>
                               524
                            </div>
                            <div class="col-sm-4">
                                <div class="font-bold">保质期</div>
                                4个月
                            </div>
                            <div class="col-sm-4 text-right">
                                <div class="font-bold">已购人数</div>
                                120,987 <i class="fa fa-level-up text-navy"></i>
                            </div>
                        </div>

                    </div>
                </div>
                
            </div>
            
            
            <div class="col-sm-4">
                 
                <div class="ibox">
                    <div class="ibox-title">
                        <h5><font face="华文行楷" size="5">奶香小吃</font></h5>
                    </div>
                    <div class="ibox-content">
                        <div class="team-members">
                            <a href="#"><img alt="member" src="<%=path%>/pic/31.jpg" height="100px" height="100px">
                            </a>
                           
                        </div>
                        <div style="margin-bottom: 10px;padding: 5px;">
                            <span>价格：</span><span style="color:red;"> $89.00 </span>
                            <a href="<%=path %>/shoppingPage/cost"><button style="float: right;" class="buyBtn">点击购买</button></a>
                        </div>
                        <div>
                            <span>库存比例：</span>
                            <div class="stat-percent">55%</div>
                            <div class="progress progress-mini">
                                <div style="width: 55%;" class="progress-bar"></div>
                            </div>
                        </div>
                        <div class="row  m-t-sm">
                            <div class="col-sm-4">
                                <div class="font-bold">数量</div>
                               345
                            </div>
                            <div class="col-sm-4">
                                <div class="font-bold">保质期</div>
                                3个月
                            </div>
                            <div class="col-sm-4 text-right">
                                <div class="font-bold">已购人数</div>
                                126,334 <i class="fa fa-level-up text-navy"></i>
                            </div>
                        </div>

                    </div>
                </div>
                
                <div class="ibox">
                    <div class="ibox-title">
                        <h5><font face="华文行楷" size="5">薯片</font></h5>
                    </div>
                    <div class="ibox-content">
                        <div class="team-members">
                            <a href="#"><img alt="member" src="<%=path%>/pic/30.jpg" height="100px" height="100px">
                            </a>
                           
                        </div>
                        <div style="margin-bottom: 10px;padding: 5px;">
                            <span>价格：</span><span style="color:red;"> $89.00 </span>
                            <a href="<%=path %>/shoppingPage/cost"><button style="float: right;" class="buyBtn">点击购买</button></a>
                        </div>
                        <div>
                            <span>库存比例：</span>
                            <div class="stat-percent">58%</div>
                            <div class="progress progress-mini">
                                <div style="width: 58%;" class="progress-bar"></div>
                            </div>
                        </div>
                        <div class="row  m-t-sm">
                            <div class="col-sm-4">
                                <div class="font-bold">数量</div>
                               88
                            </div>
                            <div class="col-sm-4">
                                <div class="font-bold">保质期</div>
                                3个月
                            </div>
                            <div class="col-sm-4 text-right">
                                <div class="font-bold">已购人数</div>
                                106,834 <i class="fa fa-level-up text-navy"></i>
                            </div>
                        </div>

                    </div>
                </div>
                
                <div class="ibox">
                    <div class="ibox-title">
                        <h5><font face="华文行楷" size="5">地瓜条</font></h5>
                    </div>
                    <div class="ibox-content">
                        <div class="team-members">
                            <a href="#"><img alt="member" src="<%=path%>/pic/22.jpg" height="100px" height="100px">
                            </a>
                           
                        </div>
                        <div style="margin-bottom: 10px;padding: 5px;">
                            <span>价格：</span><span style="color:red;"> $89.00 </span>
                            <a href="<%=path %>/shoppingPage/cost"><button style="float: right;" class="buyBtn">点击购买</button></a>
                        </div>
                        <div>
                            <span>库存比例：</span>
                            <div class="stat-percent">12%</div>
                            <div class="progress progress-mini">
                                <div style="width: 12%;" class="progress-bar"></div>
                            </div>
                        </div>
                        <div class="row  m-t-sm">
                            <div class="col-sm-4">
                                <div class="font-bold">数量</div>
                               45
                            </div>
                            <div class="col-sm-4">
                                <div class="font-bold">保质期</div>
                                3个月
                            </div>
                            <div class="col-sm-4 text-right">
                                <div class="font-bold">已购人数</div>
                                56,334 <i class="fa fa-level-up text-navy"></i>
                            </div>
                        </div>

                    </div>
                </div>
                
            </div>
            
            
            
        </div>


    </div>
             
        </div>
        <!--右侧部分结束-->
    </div>

	<div class="col-sm-12">
 		<footer style="text-align: center;"> 
        	<p style="margin: 0 auto;">LV犬舍 版权所有 微信号：LILISAMO 电话：13952878308,13222416810 QQ:992317360 新浪微博：992317360@qq.com 
        		<br />
        		技术支持：LV犬舍网站
        	</p>
        </footer>
	
	</div>

	<script type="text/javascript">
			 /* $(function (){ */
				//*********************** 方法 三    淡入淡出
							//需求: 点击标题后 显示 标题下面的div
					$("#informDiv").bind("click",function(){
						var $div = $("#informNextDiv");
						if($div.is(":visible") ){ //div显示的
							//隐藏
							$div.fadeOut();
						}else{
							//显示
							$div.fadeIn();
						}
					});
	 
			/* }); */
				
	</script>

	 
</body>

</html>
